@CHARSET "utf-8";

.clear-both {clear: both;}

body { background: #eef; }
.center { width: 950px; margin: 0 auto; }
.invisible { display: none; }

#header { background: #fff; }
#header img { float: left; }
#navi { float: right; padding: 20px 30px; }
#navi a { margin: 20px; padding: 10px 20px; }

#main { background: #fff; margin: 50px auto; padding: 1px; }

#movie, .movie { width: 760px; margin: 0 auto; }
#movie div, .movie div { margin: 40px 0 0; border: 20px solid #ccf; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; }
#signup { margin: 20px auto; text-align: center; }
#signup a { width: 200px; border: 4px solid #fee; font-size: 40px; text-decoration: none; font-weight: bold; margin: 0 auto; padding: 5px 10px; display: block; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;}
#signup a:hover { text-decoration: underline; background: #fee; }
#signup p { font-size: 0.8em; }

#about { float: left; margin: 10px 10px 10px 50px; width: 400px; }
#about h2 { font-size: 1.5em; font-weight: bold; background: #ccf; padding: 5px 10px;}
#about p { margin: 10px 5px 20px; font-size: 0.8em; }

#twt-wgt { float:right; margin: 10px 50px 10px 10px; width: 400px; }

#service-buttons { margin: 10px; text-align: center;}
#service-buttons a { margin: 10px; display: block; padding: 10px; float: left; text-decoration: none; border: 1px solid #eef; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer;}
#service-buttons a:hover { background: #eef; }

#select-services { display: none; }

#client-install, #addservice-desc { margin: 10px 20px 0; }

#news .service { float: left; width: 420px; border: 1px solid silver; margin: 15px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding-bottom: 10px; }
#news .service p { margin: 10px; }
#news .service .service-name { padding: 10px; background: #eef; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
#news .service .contents { margin: 10px; }
#news .service .contents .content { padding: 5px 0; border-bottom: 1px solid #eef; }

#footer { background: #aaf; color: #666; }
#footer ul { width: 400px; }
#footer ul li.twitter { margin-left: 30px; }
#footer a { color: #666; font-size: 0.9em; }
#footer-left { float: left; margin: 20px 10px 20px 50px; }
#footer-right { float: right; margin: 20px 50px 20px 10px; }

#main h3 { margin: 30px 40px 0; font-size: 1.5em; }